<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="common.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>simulation</title>
<link href="${_ctx}/resource/styles/layout.css" rel="stylesheet" type="text/css" />
<link href="${_ctx}/resource/styles/footer.css" rel="stylesheet" type="text/css" />
<link href="${_ctx}/resource/styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<link href="${_ctx}/resource/styles/form.validate.css" rel="stylesheet" type="text/css" />

<!-- Theme Start -->
<link href="${_ctx}/resource/themes/blue/styles.css" rel="stylesheet" type="text/css" />
<!-- Theme End -->
</head>
<body id="homepage">
	<div id="header">
    	<a href="" title=""><img src="${_ctx}/resource/img/cp_logo.png" alt="Control Panel" class="logo" /></a>
    	<div id="searcharea">
            <p class="left smltxt"><a href="#" title="">Advanced</a></p>
            <input type="text" class="searchbox" value="Search control panel..." onclick="if (this.value =='Search control panel...'){this.value=''}"/>
            <input type="submit" value="Search" class="searchbtn" />
        </div>
    </div>
        
    <!-- Top Breadcrumb Start -->
    <div id="breadcrumb">
    	<ul>	
        	<li><img src="${_ctx}/resource/img/icons/icon_breadcrumb.png" alt="Location" /></li>
        	<li><strong>Location:</strong></li>
            <li><a href="#" title="">Sub Section</a></li>
            <li>/</li>
            <li class="current">Control Panel</li>
        </ul>
    </div>
    <!-- Top Breadcrumb End -->
     
    <!-- Right Side/Main Content Start -->
    <div id="rightside">
    	<div id="right_main"></div>
    	<div id="edit_dialog" class="editdialog"></div>

    </div>
    <!-- Right Side/Main Content End -->
    
	<!-- Left Dark Bar Start -->
    <div id="leftside">
    	<!-- left side -->
    </div>
    <!-- Left Dark Bar End --> 
    
    <!-- Footer Start-->
    <div id="footer">
    
    </div>
    <!-- Footer End -->	
    
    <!-- Notifications Box/Pop-Up Start --> 
    <div id="notificationsbox">
        <h4>Notifications</h4>
        <ul>
            <li>
            	<a href="#" title=""><img src="${_ctx}/resource/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New member registration</a></h5>
                <p>Admin eve joined on 18.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="${_ctx}/resource/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New member registration</a></h5>
                <p>Jackson Michael joined on 16.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="${_ctx}/resource/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
                <h5><a href="#" title="">New blog post created</a></h5>
                <p>New post created on 15.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="${_ctx}/resource/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New group created</a></h5>
                <p>design group created on 12.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="${_ctx}/resource/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">1 new private message</a></h5>
                <p>New message from Joe sent on 21.11.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="${_ctx}/resource/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New member registration</a></h5>
                <p>Graham joined on 20.11.2010</p>
            </li>
        </ul>
        <p class="loadmore"><a href="#" title="">Load more notifications</a></p>
    </div>
    <!-- Notifications Box/Pop-Up End --> 

	<script type='text/javascript' src='${_ctx}/resource/scripts/jquery-1.5.min.js'></script>
    <script type='text/javascript' src='${_ctx}/resource/scripts/jquery-ui.min.js'></script>
    <script type='text/javascript' src='${_ctx}/resource/scripts/jquery.bpopup-0.5.1.min.js'></script>  
    <script type='text/javascript' src='${_ctx}/resource/scripts/jquery.form.js'></script>  
    <script type='text/javascript' src='${_ctx}/resource/scripts/jquery.validate.min.js'></script>
    <script type='text/javascript' src='${_ctx}/resource/scripts/jquery.tablesorter.js'></script>
    <script type="text/javascript" src='${_ctx}/resource/scripts/functions.js'></script>
	<script type="text/javascript" src='${_ctx}/resource/scripts/framework.js'></script> 
	
    
    <!--[if IE 6]>
    <script type='text/javascript' src='${_ctx}/resource/scripts/png_fix.js'></script>
    <script type='text/javascript'>
      DD_belatedPNG.fix('img, .notifycount, .selected');
    </script>
    <![endif]--> 
    
    <script type="text/javascript">
    	$(document).ready(function() {
    		$("#leftside").ajaxPost("${_ctx}/framework/leftside.action");
    		$("#footer").ajaxPost("${_ctx}/framework/footer.action");
    	});
   	
    </script>
   
</body>

</html>
